<script lang="ts" setup>
/*
  学习目标：了解- store解构时,响应式丢失问题
  了解: storeToRefs 在解构store时, 保持响应式不丢失

*/

// 1. 从Pinia导入storeToRefs
import { storeToRefs } from 'pinia';
import { useXxxStore } from '../store';

const store = useXxxStore();

// 2. 调用storeToRefs(store)
// 作用: 在解构store时, 保持响应式不丢失
const { count } = storeToRefs(store);
</script>

<template>
  <div>我是Count : {{ count }}</div>
  <button @click="store.addFn">++</button>
</template>
